<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Untitled</title>
<!-- load dojo and provide config via data attribute -->
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
<script>
// load requirements for declarative widgets in page content
require(["dojo/parser", "dijit/form/Button", "dojo/domReady!"]);
</script>
<script src="recorder.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen">


<!--
<script type="text/javascript" src="dojo/dojo/dojo.js" data-dojo-config="'async':true,'parseOnLoad':true"></script>
<script type="text/javascript">
require([
  "dijit/dijit",
  "dojo/parser",
  "dijit/form/Button"
]);
</script>
<link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" charset="utf-8" />
-->
<script type="text/javascript" src="test_audio.js" ></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen">


</head>
<body class="claro" data-maq-flow-layout="false" data-maq-ws="collapse" id="myapp" data-maq-appstates="{}">
 <label style="position: absolute; z-index: 900; left: 8px; top: 16px;">
   Read the sentence and get the score:</label>
 <label style="position: absolute; z-index: 900; left: 8px; top: 63px;">
 A controversial theory of smell involving quantum physics receives a boost as scientists test the idea using human subjects.</label>
 <input type="button" data-dojo-type="dijit.form.Button" id="record_btn" intermediateChanges="false" label="Record" iconClass="dijitNoIcon" style="position: absolute; z-index: 900; left: 15.506249904632568px; top: 120px;" disabled=false></input>
 <input type="button" data-dojo-type="dijit.form.Button" id="analyze_btn" intermediateChanges="false" label="Analyze" iconClass="dijitNoIcon" style="position: absolute; z-index: 900; left: 165px; top: 120px;" disabled=true></input>
 <label style="position: absolute; z-index: 900; left: 28.09375px; top: 186px;">
Score:</label>
 <label id="score_label" style="position: absolute; z-index: 900; min-height: 20px; min-width: 40px; left: 110px; top: 186px;"></label>
</body>
</html>
